<section class="box" style="position: relative;">
  <header class="panel_header">
    <h2 class="title pull-left">
      <p class="pr5">直播店铺</p>
    </h2>
  </header>
  <ngx-busy [busy]="busy"></ngx-busy>
  <div class="content-body">
    <table class="responsive-table striped highlight">
      <thead>
        <tr>
          <th>店铺名称</th>
          <th>周销售额</th>
          <th>周销售量</th>
          <th>月销售额</th>
          <th>月销售量</th>
          <th>周直播宝贝数</th>
          <th>月直播宝贝数</th>
          <th>周点赞数</th>
          <th>月点赞数</th>
          <th>周人气值</th>
          <th>月人气值</th>
          <th>日期</th>
        </tr>
      </thead>
      <tbody>
        <tr class="repeat-item" *ngFor="let shop of vm.table.livers  | paginate: { itemsPerPage: param.rows, currentPage: vm.page, totalItems: vm.table.count,id:'liver_person_shop_table'};let $index = index;">
          <td>
            <p class="nick-p left-align">
              <span class="taobao-icon" [ngClass]="{'icon-service-tianmao':shop.shopType=='商城','icon-service-taobao':shop.shopType=='C店'||shop.shopType==null,'icon-service-tianmaoguoji':shop.shopType =='天猫国际','icon-fest-quanqiugou':shop.shopType =='全球购'}"></span>
              <a href="javascript:;" (click)="goShopHistory(shop)" class="linkHover text-overflow width180" [title]="shop.shopName" [innerHTML]="shop.shopName"></a>

              <a class="grey-text" title="去淘宝" href="http://store.taobao.com/shop/view_shop.htm?user_number_id={{shop.uid}}" target="_blank" ><i class="fa fa-external-link cp f16"></i></a>
              <!-- shopDetail -->
              <!-- <go-detail-directive data="shop" type="shopDetail"></go-detail-directive> -->
            </p>
          </td>
          <td>{{shop.sellMoney7Days | bigNum}}</td>
          <td>{{shop.sellAmount7Days | bigNum}}</td>
          <td>{{shop.sellMoney30Days | bigNum}}</td>
          <td>{{shop.sellAmount30Days| bigNum}}</td>
          <td>{{shop.productNum7Days | bigNum}}</td>
          <td>{{shop.productNum30Days | bigNum}}</td>
          <td>{{shop.praiseCount7Days | bigNum}}</td>
          <td>{{shop.praiseCount30Days | bigNum}}</td>
          <td>{{shop.viewCount7Days | bigNum}}</td>
          <td>{{shop.viewCount30Days | bigNum}}</td>
          <td>
            {{shop.date | dateFormat}}
          </td>
        </tr>
        <tr *ngIf="vm.table.livers.length==0">
          <td colspan="12">暂无数据</td>
        </tr>
      </tbody>
    </table>
    <div class="center-align pt5">
      <pagination-controls class="center-align pt20" id="liver_person_shop_table" (pageChange)="pageChanged($event)" maxSize="9" directionLinks="true" autoHide="true">
      </pagination-controls>
    </div>
  </div>
</section>
